<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>淑芬儿的主网页</title>
    <link href="css/styles.css" rel="stylesheet">
</head>

<body>
    <div class="home">
        <div class="content">
            <div class="stars"></div>
            <img class="bgc" src="img/preview2.jpg" width="100%" alt="">
            <h2 class="title">欢迎来到我的个人网站</h2>
            <h3 class="titles">今天也要加油鸭!</h3>

            <div class='ribbon'>
                <a href='./index.html'><span>HOME</span></a>
                <a href='./about.html'><span>ABOUT</span></a>
                <a href='./表单.html'><span>FORM</span></a>
                <a href="实验.html"><span>WORK</span></a>
            </div>
   <!-- 
     <audio autoplay="autoplay" id="audio" loop="loop" preload="auto" controls="pausebutton" >面板设置
                <source src="./mp3/小幸运田馥甄.mp3" type="audio/MP3"  >内容设置
               
        </audio>
        <img class="music_img" src="./img/music_img.png" alt="" >
    </div> 
   -->
</body>
<script>
    let mucics = document.getElementById('audio')
    document.body.addEventListener('mousemove', function() {
        setTimeout(() => {
            mucics.play();
        }, 2000);
    }, false);
</script>

</html>
